<template>
  <!-- 盒子组件 -->
  <v-card>
    <v-toolbar flat>
      <v-toolbar-title>
        <div class="my-title">{{title}}</div>
      </v-toolbar-title>
      <v-spacer></v-spacer>
      <slot name="header"></slot>
    </v-toolbar>
    <v-divider></v-divider>
    <v-container>
      <slot></slot>
    </v-container>
  </v-card>
</template>
<script>
export default {
  props: {
    // 标题
    title: String,
  },
};
</script>
<style scoped>
.my-title {
  border-left: solid 4px #e20a17;
  padding-left: 8px;
}
</style>